<!-- 查找聊天记录 -->
<template>
    <view class="con">
        <text class="text">快速查找聊天内容</text>
        <view class="u-demo-block__content">
            <u-row class="item" justify="space-between">
                <u-col span="3">
                    <view class="demo-layout">日期</view>
                </u-col>
                <u-col span="3">
                    <view class="demo-layout">图片</view>
                </u-col>
                <u-col span="3">
                    <view class="demo-layout">视频</view>
                </u-col>
                <u-col span="3">
                    <view class="demo-layout">文件</view>
                </u-col>
            </u-row>
        </view>
    </view>
</template>

<script>
</script>

<style lang="scss">
.con {
    text-align: center;

    .text {
        display: inline-block;
        font-size: 13px;
        margin-top: 50px;
        color: #c4c4c4;
    }
}

.item {
    margin-top: 30px;
    padding: 0 70px;
    color: #596a91;
    font-size: 15px;
}

.wrap {
    padding: 12px;
}

.demo-layout {
    text-align: center;
    height: 25px;
    border-radius: 4px;
}
</style>